import {Space, Tag} from "antd";
import React from "react";

interface TagNamesProps {
  tagNames: string[];
}

const TagNames: React.FC<TagNamesProps> = ({tagNames = []}) => {
  return (
    <Space size={0} wrap={true}>
      {tagNames?.map((tagName: string) => (
        <Tag color="blue" key={tagName}>
          {tagName}
        </Tag>
      ))}
    </Space>
  );

}

export default TagNames;
